<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./../../resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./../../resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <title>Fleet Manager Application</title>
    </h:head>

    <h:body>

        <p:layout fullPage="true" id="layout">

            <p:layoutUnit position="north" size="55" header="Logo and Menu Bar" resizable="false" closable="false" collapsible="true"
                          style="font-family: Georgia; font-size: 12px;">
                Fleet Manager Application, Beta 1 - Property of Dan Davis. --- Logged in as Dan Davis
            </p:layoutUnit>

            <p:layoutUnit position="west" size="215" header="Navigation" resizable="false" closable="false" collapsible="true" 
                          style="font-family: Georgia; font-size: 16px; color: #b5d5eb;">


                <h:form>
                    <p:panelMenu style="width: 200px">
                        <p:submenu label="Fleet" icon="ui-icon-key">
                            <p:submenu label="Units">
                                <p:menuitem value="View All Units" icon="ui-icon-zoomin" url="viewUnitDetails.xhtml"/>
                                <p:menuitem value="Add New Unit" icon="ui-icon-plus" url="createUnit.xhtml" />
                                <p:menuitem value="Remove Units" icon="ui-icon-trash" url="/faces/tUnits/List.xhtml" />
                            </p:submenu>
                        </p:submenu>
                        <p:submenu label="Inventory">
                            <p:submenu label="Tires" icon="ui-icon-key">
                                <p:menuitem value="Tire Inventory" icon="ui-icon-zoomin" url="viewTireInventory.xhtml"/>
                                <p:menuitem value="Add New Tires" icon="ui-icon-plus" url="createNewTires.xhtml"/>
                            </p:submenu>
                        </p:submenu>
                        <p:submenu label="Maintenance">
                            <p:menuitem value="Show Maintenance" icon="ui-icon-zoomin"/>
                        </p:submenu>
                        <p:submenu label="Jump To">
                            <p:menuitem value="Go To Index Page" icon="ui-icon-arrowreturnthick-1-w" url="index.xhtml"/>
                            <p:menuitem value="Go To Welcome Page" icon="ui-icon-arrowreturnthick-1-w" url="main.xhtml"/>
                        </p:submenu>

                    </p:panelMenu>
                </h:form>


            </p:layoutUnit>

            <p:layoutUnit position="center">
                <div id="content" class="center_content" style="background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 553, color-stop(0, #EDEDED), color-stop(1, #E0E0E0));">
                    <ui:insert name="content">Template Center</ui:insert>
                </div>
            </p:layoutUnit>


            <p:layoutUnit position="south">
                <h:form>
                    Status: Online
                </h:form>
            </p:layoutUnit>
        </p:layout>
    </h:body>

</html>
